<?php use_helper('JavascriptBase');?><div id="ccontent" style="display:inline-table">
<div id="cat_menu"><h3 class="collectie">Collectie</h3>

        <?php foreach($categorys as $category):?>
       <div style="width:186px;"> <div class="cat <?php if($sf_user->getAttribute('category') == $category->getName()){ echo 'cat_active';}?> " ><?php echo link_to($category->getName(), '@category?title='.$category->getName(), array('class' => 'cat_link'));?></div>
       </div>          <?php endforeach;?>
   

</div>
<div id="flypage_wrap"><div id="breadcrumbs"><?php foreach($breadcrumb as  $crumb => $value):?>
                <?php if($value !='product' || $value !='filter'):?>
                   <a href="<?php echo url_for('@'.$value);?>"> <?php echo $crumb;?> > </a>

                   <?php else:?>
                   <?php echo $crumb?>
                   <?php endif;?>
                    <?php endforeach;?>

</div>
    <div id="product_images">
       
        <div id="image_wrap" >
            
 <?php foreach($product->getImages() as $image):?>
            <div id="thumb<?php echo $image->getId();?>" class="product_image">
           <a href="/uploads/images/<?php echo $image->getFilename();?>" class="lightbox"> <img src="/uploads/images/<?php echo $image->getFilename();?>" width="250" height="300" alt="Semra mode <?php echo $product->getName();?>" /></a>
            </div>
            <?php endforeach;?>
        
        </div>
      <div id="count_c"> <div id="left"><a href="javascript:void(0)" ><img src="/images/arrow_left.png" alt="Semra mode"  /></a></div>
        
            <div id="right"><a href="javascript:void(0)" ><img src="/images/arrow_right.png" alt="Semra mode" /></a></div></div>
    </div>   
<script type="text/javascript">$(document).ready(function (){

    if($(".product_image").length == 1){ $("#count_c").hide();} initializeImages();
$('a.lightbox').lightBox();
       $("div.cat_active").removeClass("cat");
 $("div.cat").hover(function(){
   $(this).animate({paddingLeft: '17px'}, 500)}, function(){
     $(this).animate({paddingLeft: '0px'}, 500)
 });
    });</script>
    <div id="product_info"><p class="flyterug"><a href="javascript:history.go(-1);"><img src="/images/back_arrow.png" alt="terug naar de categorie pagina" class="terug"></a><br /></p>
        <h3 class="product_name"><?php echo $product->getName();?></h3>
        <?php if($product->getDescription() !=''):?> <p class="product_details_flypage">Details:<br/>
            <?php echo $product->getRawValue()->getDescription();?>
        </p>
<?php endif;?>
    </div> 
</div></div><div id="afspraak" class="product_afspraak">
<?php include_partial('content/afspraakform', array('product' =>  $product->getName()));?>
    
</div>